<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--屏幕适配-->
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
		<script src="../js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	</head>
	<body>
		<!--头部-->
		<header>
			<!--登录页面 & 个人信息头部-->
			<div class="login_h">
				<div class="cancle">
					<i class="iconfont">&#xe7df;</i>
				</div>
				<div class="search_box">
					<i class="iconfont">&#xe634;</i>
					<input type="text" name="search" id="search" placeholder="Search" value="" />
				</div>
			</div>
		</header>
		<!--登录以及已经登录页面-->
		<section class="login_page">
			<div class="bg">
				<!--已登录头部-->
				<article class="login_page_h online">
					<div class="picbox">
						<a href="#"><img src="../img/index/head_portrait.jpg" alt="" /></a>
						<i>1</i>
					</div>
					<div class="name">
						<span>陈小敏</span>
						<a href="#">
							<span>个人中心</span>
							<i>&gt;</i>
						</a>
					</div>
					<div class="stars">
						<img src="../img/index/star.png" alt="" />
						<img src="../img/index/star.png" alt="" />
						<img src="../img/index/star.png" alt="" />
						<img src="../img/index/star.png" alt="" />
					</div>
					<div class="cared_fans">
						<span>关注</span>
						<a href="#">36</a>
						<span>丨</span>
						<span>粉丝</span>
						<a href="#">290</a>
					</div>
					<div class="btnsbox">
						<a href="#" class="red"><span>我的收藏</span></a>
						<a href="#" ><span>我的发布</span></a>
					</div>
				</article>
				<!--未登录头部-->
				<article class="login_page_h not_login">
					<div class="picbox">
						<a>
							<img src="../img/index/mx-nologin.png" alt="" />
						</a>
					</div>
					<div class="login">
						<a href="javascript:void(0)"><span>立即登录</span></a>
					</div>
					<a href="#" class="fget">忘记密码</a>
				</article>
				
				<i class="line"></i>
				<!--登录页面下面内容-->
				<article class="captions">
					<div class="caption">
						<div class="caption_h">
							<span>GIMC</span>
							<i class="iconfont"></i>
						</div>
						<div class="caption_c">
							<a href="aboutsg.html">省广介绍</a>
						</div>
						<div class="caption_c">
							<a href="news.html">新闻资讯</a>
						</div>
					</div>
					<div class="caption">
						<div class="caption_h">
							<span>文章</span>
							<i class="iconfont"></i>
						</div>
					</div>
					<div class="caption">
						<div class="caption_h">
							<span>资源</span>
							<i class="iconfont"></i>
						</div>
					</div>
					<div class="caption">
						<div class="caption_h">
							<span>课程</span>
							<i class="iconfont"></i>
						</div>
					</div>
					<div class="leave">
						<button>退出</button>
					</div>
				</article>
			</div>
		</section>
	</body>
</html>
